<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>机你太美-装机论坛</title>
    <link rel="stylesheet" href="../static/css/components.css">

    <link rel="stylesheet" href="../static/css/responsee.css">
    <link rel="stylesheet" href="../static/owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="../static/owl-carousel/owl.theme.css">
    <!-- CUSTOM STYLE -->
    <link rel="stylesheet" href="../static/css/template-style.css">

    <script type="text/javascript" src="../static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../static/js/jquery-ui.min.js"></script>
    <style>
        .link {
            width: 60px;
            position: relative;
            left: 1350px;
            height: 50px;
        }
    </style>
</head>

<body class="size-1280 slide-to-left">
<nav class="slide-nav aside-nav">
    <ul>
        <li><a href="http://localhost:8000">首页</a></li>
        <li>
            <a>学生电脑推荐</a>
            <ul>
                <li><a href="/game/">游戏本</a></li>
                <li><a href="/light/">轻薄本</a></li>
            </ul>
        </li>
        <li>
            <a href="/work/">办公笔记本推荐</a>
        </li>
        <li><a href="/forum/">论坛</a></li>
        <li><a href="/config/">模拟装机</a></li>
    </ul>
</nav>
<section class="slide-content">
    <header>
        <!-- LOGO -->
        <nav>
            <div class="link">
                <a href="/logingoto/" style="font-size:20px;display: block;text-align:right;">登录</a>
            </div>
        </nav>
    </header>
    <section class="text-center">
        <p>本功能暂未开放，敬请期待后续更新！</p>
    </section>
    <!-- FOOTER -->
    <footer>

    </footer>
</section>
<script type="text/javascript" src="../static/js/responsee.js"></script>
<script type="text/javascript" src="../static/owl-carousel/owl.carousel.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        var owl = $('#header-carousel');
        owl.owlCarousel({
            nav: false,
            dots: true,
            items: 1,
            loop: true,
            navText: ["&#xf007", "&#xf006"],
            autoplay: true,
            autoplayTimeout: 3000
        });
        var owl = $('#news-carousel');
        owl.owlCarousel({
            nav: false,
            dots: true,
            items: 1,
            loop: true,
            navText: ["&#xf007", "&#xf006"],
            autoplay: true,
            autoplayTimeout: 3000
        });
    })
</script>
</body>
</html>